/**
 * Blackboard theme
 *
 * Adapted from Domenico Carbotta's TextMate theme of the same name
 *
 * @author Domenico Carbotta
 * @author Craig Campbell
 * @version 1.0.2
 */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  10% {
    transform: scale(1, 1);
  }
  35% {
    transform: scale(1, 1.7);
  }
  40% {
    transform: scale(1, 1.7);
  }
  50% {
    opacity: 1;
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

[data-language] #codeHighLight, [class^="lang"] #codeHighLight,
#codeHighLightPer [data-language], #codeHighLightPer [class^="lang"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  animation: fade-in 50ms ease-in-out 2s forwards;
}

[data-language] #codeHighLight.rainbow, [class^="lang"] #codeHighLight.rainbow,
#codeHighLightPer [data-language].rainbow, #codeHighLightPer [class^="lang"].rainbow {
  animation: none;
  transition: opacity 50ms ease-in-out;
}

[data-language] #codeHighLight.loading, [class^="lang"] #codeHighLight.loading,
#codeHighLightPer [data-language].loading, #codeHighLightPer [class^="lang"].loading {
  animation: none;
}

[data-language] #codeHighLight.rainbow-show, [class^="lang"] #codeHighLight.rainbow-show,
#codeHighLightPer [data-language].rainbow-show, #codeHighLightPer [class^="lang"].rainbow-show {
  opacity: 1;
}

#codeHighLightPer {
  position: relative;
  padding:0px;
}

#codeHighLightPer.loading .preloader div {
  animation-play-state: running;
}

#codeHighLightPer.loading .preloader div:nth-of-type(1) {
  background: #0081f5;
  animation: fade 1.5s 300ms linear infinite;
}

#codeHighLightPer.loading .preloader div:nth-of-type(2) {
  background: #5000f5;
  animation: fade 1.5s 438ms linear infinite;
}

#codeHighLightPer.loading .preloader div:nth-of-type(3) {
  background: #9000f5;
  animation: fade 1.5s 577ms linear infinite;
}

#codeHighLightPer.loading .preloader div:nth-of-type(4) {
  background: #f50419;
  animation: fade 1.5s 715ms linear infinite;
}

#codeHighLightPer.loading .preloader div:nth-of-type(5) {
  background: #f57900;
  animation: fade 1.5s 853ms linear infinite;
}

#codeHighLightPer.loading .preloader div:nth-of-type(6) {
  background: #f5e600;
  animation: fade 1.5s 992ms linear infinite;
}

#codeHighLightPer.loading .preloader div:nth-of-type(7) {
  background: #00f50c;
  animation: fade 1.5s 1130ms linear infinite;
}

#codeHighLightPer .preloader {
  position: absolute;
  top: 12px;
  left: 10px;
}

#codeHighLightPer .preloader div {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  display: inline-block;
  margin-right: 4px;
  opacity: 0;
  animation-play-state: paused;
  animation-fill-mode: forwards;
}

#codeHighLightPer #codeHighLight {
  background-color: #2c3248;
  word-wrap: break-word;
  margin: 0px;
  padding: 0px;
  color: #fff;
  font-size: 20px;
  margin-bottom: 0px;
}

#codeHighLightPer, #codeHighLight  {
  font-family: 'Monaco', 'Menlo', courier, monospace;
}

#codeHighLightPer {
  background: #2c3248;
}


#codeHighLightPer .comment {
  color: #727272;
}

#codeHighLightPer .constant {
  color: #D8FA3C;
}

#codeHighLightPer .storage {
  color: #FBDE2D;
}

#codeHighLightPer .string, #codeHighLightPer .comment.docstring {
  color: #61CE3C;
}

#codeHighLightPer .string.regexp, #codeHighLightPer .support.tag.script, #codeHighLightPer .support.tag.style {
  color: #fff;
}

#codeHighLightPer .keyword, #codeHighLightPer .selector {
  color: #FBDE2D;
}

#codeHighLightPer .inherited-class {
  font-style: italic;
}

#codeHighLightPer .entity {
  color: #FF6400;
}

#codeHighLightPer .support {
  color: #8DA6CE;
}

#codeHighLightPer .variable.global, #codeHighLightPer .variable.class, #codeHighLightPer .variable.instance {
  color: #FF6400;
}

[data-language="c"] .function.call, .lang-c .function.call, .language-c .function.call {
  color: #8DA6CE;
}
